<template>
	<view class="btns">
		<block v-for="(item,index) in btnList" :key="index">
			<button class="cu-btn bg-grey lg btn" @click="naTo(item.url)">{{item.text}}</button>
		</block>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				btnList: [{
						text: "手动规划",
						url: "/pages/manual/manual"
					},
					{
						text: "自动规划",
						url: "/pages/auto/auto"
					}, {
						text: "运动规划",
						url: "/pages/weekPlan/weekPlan"
					}
				]
			};
		},
		methods: {
			naTo(url) {
				this.$comm.navigateTo(url)
			}
		}
	}
</script>

<style lang="scss">
	.btns {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 100vh;
		align-items: center;

		.btn {
			width: 80vw;
			opacity: 0.8;
			background-color: #8799a3;
		}
	}
</style>
